page {
	background-color: #f4f4f4;
}
.su-mypanel {
  background-color: #fff;
  padding-left: 20upx;
  padding-right: 50upx;
}

.su-mypanel:active,
.su-list:active{
  background-color: #f5f5f5;
}

.su-mypanel-content {
  display: flex;
  flex-direction: row;
  margin-left: 26upx;
  padding-top: 26upx;
  padding-bottom: 26upx;
}

.su-content-img {
  width: 140upx;
  height: 140upx;
  border-radius: 10upx;
  background-color: #eee;
}

.su-content-div {
  flex: 1;
  padding-left: 40upx;
  width: 0upx;
}

.su-content-title {
  color: #333;
  font-size: 36upx;
  padding-top:10upx;
}

.su-content-text {
  color: #888;
  margin-top: 5upx;
  font-size: 28upx;
}

.su-mypanel-right {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 80upx;
  height: 120upx;
}

.su-right-icon {
    font-size:48upx;
    color:#c1c1c1;
}
.su-right-icon2 {
    font-size:48upx;
    color:#c1c1c1;
}
.su-border.bottom::before {
	bottom: 0;
}
/*cell相关*/
.su-list {
  margin-top:40upx !important;
  background-color: #ffffff;
}
.su-list-icon {
    height: 50upx;
    width: 50upx;
    border-radius: 10upx;
    margin-left:30upx;
    align-items: center;
    justify-content: center;
    display: flex;
}
.su-list-icon .su-cell-icon {
  color: #ffffff;
  font-size:30upx;
}
.uni-list-cell-navigate {
	padding-left: 20upx !important;
}

.su-logout-card {
		margin-top: 40upx !important;
	}
	
.su-logout {
	justify-content: center !important;
	color: #e03636;
}